<template>
  <div class="flex items-center justify-center">
    <Decoration7 class="h-[80px]" :color="['#0B258C', '#070A51']">
      <div class="flex flex-col items-center justify-center px-2">
        <span class="relative top-[6px] text-[#0B258C] font-bold font-[XingShu] text-[36px] flex items-center">
          vue3+echarts5+nestjs
          <span class="text-[26px]">『胖虎』</span>
        </span>
        <Decoration5 :color="['#0B258C', '#070A51']" :duration="3" class="!h-[40px]" />
      </div>
    </Decoration7>
  </div>
</template>

<script setup>
import { Decoration5, Decoration7 } from "@dataview/datav-vue3";
</script>

<style lang="scss" scoped></style>
